<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>课程表 - demo3</title>
  <style>
    body { font-family: "Microsoft YaHei", Arial, sans-serif; background:#fff; }
    .wrap { width: 760px; margin:40px auto; }
    table { width:100%; border-collapse:collapse; border:3px solid #666; }
    .title-row td { text-align:center; font-weight:bold; padding:8px 0; }
    th, td { border:1px solid #666; padding:8px; text-align:center; vertical-align:middle; }
    th { background:#f3f3f3; }
    .left-col { width:100px; }
    .time-col { width:220px; }
    .evening-col { width:220px; }
    .bigcell { height:48px; }
  </style>
</head>
<body>
  <div class="wrap">
    <table>
      <tr class="title-row">
        <td colspan="4">XXX学院大三计算机系课程表</td>
      </tr>
      <tr>
        <th class="left-col">日期</th>
        <th class="time-col">上午</th>
        <th class="time-col">下午</th>
        <th class="evening-col">晚上</th>
      </tr>
      <tr>
        <td>星期一</td>
        <td class="bigcell">英语</td>
        <td class="bigcell">高数</td>
        <td rowspan="3">&nbsp;</td>
      </tr>
      <tr>
        <td>星期二</td>
        <td rowspan="2" class="bigcell">计算机原理</td>
        <td class="bigcell">毛概</td>
      </tr>
      <tr>
        <td>星期三</td>
        <td class="bigcell">体育</td>
      </tr>
      <tr>
        <td>星期四</td>
        <td class="bigcell">&nbsp;</td>
        <td class="bigcell">企业招聘</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>星期五</td>
        <td class="bigcell">云计算</td>
        <td class="bigcell">数据库开发</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>星期六</td>
        <td class="bigcell">&nbsp;</td>
        <td class="bigcell">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>星期天</td>
        <td class="bigcell">&nbsp;</td>
        <td class="bigcell">休息</td>
        <td>&nbsp;</td>
      </tr>
    </table>
  </div>
</body>
</html>